body { background-color: #141414; color: #B8BABB; } 
a                   { color: #7f8e91; outline: 0; } 
a:hover             { color: #7ddbde; text-decoration: underline; }
a.page, a.post_no   { text-decoration: none; }
a.biglink {
    font-weight: bold;
    font-size: 5em;
    font-family: monospace;
    text-decoration: none;
}
a.arrow {
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
}

div#left {
    height: 100%;
    width: 40%;
    float: left;
    margin: 5%;
    vertical-align: middle;
    margin-left: auto;
    text-align: right;
}
div#right {
    height: 100%;
    width: 40%;
    float: left;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
    min-height: 10em;
    vertical-align: middle;
}

hr {
    border: 0px;
    background-color: #222222; 
    margin-bottom: 20px;
    height: 2px;
}

form#search_box         { width: 50%; margin-top: 3px; display: inline; float: left; }
input#text_search       { width: 11em; }
input#subject_search    { width: 11em; }
input#file_name         { width: 11em; }
input#user_name         { width: 11em; }
input#post_id           { width: 11em; }
input#trip              { width: 11em; }
input#file_name         { width: 11em; }

table#post_table    { font-weight: bold; margin-bottom:10px; }
input#subject       { width: 100%; }
textarea#comment    { width: 100%; }
div.report_button   { text-align:right; }

#title                  { margin: 0.25em; text-align: right; }
section#front_content   { width: 100%; height: 100%; }
section#middle          { margin-left: 1em; margin-bottom: .5em; }
section.thread          { overflow: hidden; clear: both; }
nav#jump                { margin-bottom: 1em; }
nav#page_list {
    padding: .4em;
    margin-bottom: 1.5em;
    float: left;
    background-color: #222222;
    display: inline;
}


div.post_container { overflow: auto } 

article.post {
    background-color: #222222; 
    padding: 4px;
    margin: 2px;
    float: left;
    display: list-item;
}
article.quote { background-color: #212D2E; }
article.highlight {
    background-color: #6E000B;
    border-width: thin;
    border-style: dashed;
}

.ghost span { color: #474546; }
.ghost a { color: #474546; }
article.ghost {
    background-color: #9E9E9E;
    border-color: #706E6F;
    color: #000000;
    border-width: thin;
    border-style: dashed;
}

span.delete_mark    { color: red; font-weight: bold; font-size: 1.5em; }
span.ghost_mark     { color: white; font-weight: bold; font-size: 1.5em; }
span.spoiler        { background-color: #000000; color: #000000; }
span.spoiler_show   { background-color: #000000; color: #B8BABB; }
span.line_quote     { color: #84BF69; } 
span.hi             { background-color: #F0981D; color: #000000; }
img.post_image      { float: left; margin: 3px; margin-right: 20px; }

a.user, span.user   { color: #917f8b; }
a.mod , span.mod    { color: #800080; }
a.admin, span.admin { color: #cc1105; }

.bold               { font-weight: bold; }
.red                { color: red; font-weight: bold; margin: 1em; }
.right              { text-align: right; margin: 1em; } 
.info               { font-size: 75%; margin-top: .25em; }

div#floater { height: 50%; margin-bottom: 25%; }
div#midband {
    display: block;
    margin: auto;
    clear: both;
    top: 50%;
    text-align: center;
    background-color: #6E000B;
    padding: 20px;
}

header { display:block;}
